﻿<div class="panel-body">
    <form ng-submit="create()" class="form-horizontal">
        <fieldset>
            <legend>Nuevo EndPoint</legend>

            <div class="form-group">
                <label for="Nombre" class="col-lg-2 control-label">Nombre</label>
                <div class="col-lg-10">
                    <input type="text" ng-disabled="false" ng-model="endpoint.Nombre" class="form-control" id="Nombre" placeholder="Nombre" required>
                </div>
            </div>

            <div class="form-group">
                <label for="Ruta" class="col-lg-2 control-label">Ruta</label>
                <div class="col-lg-10">
                    <input type="text" ng-disabled="false" ng-model="endpoint.Ruta" class="form-control" id="Ruta" placeholder="Ruta" required>
                </div>
            </div>

            <div class="form-group">
                <label for="TipoID" class="col-lg-2 control-label">Tipo</label>
                <div class="col-lg-10">
                    <select id="TipoID" ng-model="endpoint.TipoID" ng-options="tipo.ID as tipo.Nombre for tipo in tipos" class="form-control" required></select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-2 control-label">Procesado de JSON</label>
                <div class="col-lg-1" >
                    <input type="checkbox" ng-disabled="false" ng-model="endpoint.Procesar" class="form-control" id="jsonCheckBox" />
                </div> 
            </div>

            <br>
            <div class="form-group" style="float:right;margin-top:1%;margin-right:3%;">
                <input type="submit" class="btn btn-success" value="Crear" />
                <a href="#/"><input type="button" class="btn btn-danger" value="Volver" /></a>
            </div>
        </fieldset>
    </form>
</div>